<template>
  <el-container class="content">
    <!-- width自适应,不然header与aside有间隔 -->
    <el-aside width="auto">
      <common-aside />
    </el-aside>
    <el-container>
      <el-header>
        <common-header />
      </el-header>
      <el-main class="body">
        <keep-alive include="Rotare">
          <router-view />
        </keep-alive>
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
import CommonAside from "./components/CommonAside";
import CommonHeader from "./components/CommonHeader.vue";
import People from './class'
import { log } from 'three';
export default {
  data() {
    return {};
  },
  components: {
    CommonAside,
    CommonHeader,
  },
  mounted(){
    let xiaowang= new People('小王',24)
    xiaowang.say()
    let rrr=People.isVip("小王")
    console.log(37,rrr);

    let data={
      information:{
        name:"小王",
        age:27,
        hieght:"172cm"
      },
      likeColor:["red","green","black","yellow"],

    }

// function deepClone(obj){
//   　　let objClone =  Array.isArray(obj) ? [] : {};
//   　　if (obj && typeof obj === 'object') {
//   　　　for(let i in obj ){
//       if(typeof obj =="object"){
//         objClone[i]=deepClone(obj[i])
//       }else{
//         objClone[i]=obj[i]
//       }
//     console.log(55,obj[i]);
//   }
//  　　}
//  　　return objClone;
// }
    // let obj =data
let obj=deepClone(data)
    obj.information.name="obj"
    console.log('data',data);
//  console.log(50,);
}
};
</script>

<style lang="scss" scoped>
.el-header {
  padding: 0;
}
.content {
  width: 100vw;
  height: 100vh;
  //   border: 1px solid red;
  overflow: hidden;
  box-sizing: border-box;
  .body {
    width: 100%;
    height: 100%;
    padding: 0;
  }
  .body::-webkit-scrollbar {
    // display: none;
  }
}
</style>
